/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

/*
 * Function from :
 * http://trentgardner.net/jquery/serialize-json-with-jquery/ 
 */
(function( $ ){
    $.fn.serializeJSON=function() {
        var json = {};
        jQuery.map($(this).serializeArray(), function(n, i){
            json[n['name']] = n['value'];
        });
        return json;
    };
})( jQuery );

$(function(){
    
    $("input[type='password']").focus(function(){
        $(this).val('');
    })
    
    $("input[type='text']").focus(function(){
        $(this).val('');
    })
    
    function checkUser(){
        
        //lay gia tri
        var username = $("input[name=username]").val();
        var password = $("input[name=password]").val();
        
        if( username == "" || password == "" ){
            $("#result").html("").append("<p>ID và password không hợp lệ.</p>");
            $("#result p").fadeOut(3000);
            return false;
        }
        
        return true;
    }
    
    $("input[name='login-button']").click(function(){
        
        //chan su kien submit
        event.preventDefault();
        
        $("#result").append('<div style="width:100%; text-align:center"><img src="img/loading.gif" /></div>');
        
        // console.log($("#result"));
        
        if(!checkUser()){
            return;
        }
        
        data = {data : JSON.stringify($("form").serializeJSON())};
                
        console.log(data);
        
        if(data){
            $.post('ajax_login', data, function(response) {
            
                //console.log(data);                               
                console.log(response);
                
//                response = jQuery.parseJSON(response);
                //console.log(response);
                
                //neu chuoi tra ve la true
                if( response.result == true){
                    $("form").fadeOut(500,function(){
                        //$("div#login").append("<h2 style='color:#454545;text-shadow: 0px 1px 1px #f5f5f5;'>Chào bạn " + response["user"] + "</h2>");
                        
                        //redirect
                        window.location.replace(response["url"]);
                    });                   
                }else{
                    $("#result").html("").append("<p>Người dùng không tồn tại hoặc sai mật khẩu.</p>");
                    $("#result p").fadeOut(3000);
                }            
                
                console.log(result);
            });
        }
    });
    
    $("input[name='register-button']").bind('click', function(){
        
        //chan su kien submit
        event.preventDefault();
        
        if(!checkUser()){
            return;
        }
        
        $("#result").append('<div style="width:100%; text-align:center"><img src="img/loading.gif" /></div>');     
        
        data = {data : JSON.stringify($("form").serializeJSON())};
        
        //console.log(data);
        
        if(data){
            $.post('ajax_register', data, function(response) {
                     
                console.log(response);
                
                //response = jQuery.parseJSON(response);
                
                console.log(response);
                //neu chuoi tra ve la true
                if( response.result == true){
                    $("#result").html("").append("<p>Đăng ký thành công.</p>");
                    $("#result p").fadeOut(3000);
                }else{
                    $("#result").html("").append("<p>Người dùng đã tồn tại.</p>");
                    $("#result p").fadeOut(3000);
                }            
            });
        }
        
    });
    
});



$(function(){
	$('.fancybox').fancybox({
		'onComplete': function() {
	      $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
	   }
	});
})